/* 第一件事：1.通配选择器 2.css编码集："utf8"加载成utf-8" */
@charset "utf8";
/* 效果：所有的div画圆  300*300 文本垂直居中放大
		所有圆加不同颜色
 */
div{
	width: 300px;
	height: 300px;
	border: 1px solid black;
	line-height: 300px;
	font-size: 50px;
	text-align: center;
	border-radius: 50%;
	/* 浮动，靠右，内容数据颠倒起来 */
	float:right;
}
.d1{
	background-color: red;
}
.d2{
	background-color: black;
}
.d3{
	background-color: yellow;
}
.d4{
	background-color: gray;
	/* 清除浮动 */
	clear: right;
	
	margin-right: 75%;
	margin-top: -300px;
	}











